<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

		<title>About_Me</title>
		<link href="css/common.css" rel="stylesheet" type="text/css"/>
		<link href="css/custom.css" rel="stylesheet" type="text/css" />
		<link href="css/UI.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="js/jquery1.7.2.js"></script>
		<script type="text/javascript" src="js/loadparts.js"></script>
	</head>

	<body>
		<div class="container">
				<div class="headerlogo"><a href="index.html">igator</a></div>
				<h1 class="ch_title">College Harmony</h1>
		</div>
			

			<div class="College_body">
			<!--weison-->
			<div class="college_boy_topbg"></div>
			<div class="college_boy_repeatbg">
				<img src="img/boyphoto/David-Beckham.png" class="college_boy_userhead ">
                <div class="person-details boyname">
						<div class="topPattern"></div>
						
											<h2>David Beckham</h2>
											<div class="say">
												<span class="left"></span>
												<span class="repeat">I want to find a female for movies</span>
												<span class="right"></span>
											</div>
											<div class="text boypcolor">
												<p>Football</p>
												<p><span>Birthday:</span> 1989.01.01</p>
												<p><span>Age: </span>19</p>
												<p><span>Gender: </span> <img src="img/boyphoto/male.png" />   Male </p>
												<p><span>Hometown:</span>  England</p>
												<p><span>leisure interests:</span>  football, rock music, shopping, KTV with friends, swimming
</p><p><span>Class Status:</span>  junior</p>
												<p><span>Career Goals:</span>  IT</p>
											</div>
											<div class="greenbtn">
												<a href="#">
												<span class="left"></span>
												<span class="repeat">
													<p class="beerBG">Contact now</p>
												</span>
												<span class="right"></span>
												</a>
											</div>
									
								</div>
								
				<div class="clear_float"></div>	
			
	            <div class="footPattern"></div>
				<div class="Tags Tagsboy">
									<h4>Tags</h4>
									<ul>
										<li>With photo</li>
										<li>Detailed personal info</li>
										<li>Same birthday</li>
										<li>Like party </li>
										<li>Like drinking</li>
										<li>WHate studying</li>
										<li>Love rock</li>
										<li>Shopping crazy </li>
										<li>Pet-keeper </li>
									</ul>
								</div>
								<div class="Details Detailsboy">
									<dl>
									<dt>Details</dt>
									<dd>Next in the tricky part because I am not sure when we should allow
										 them to submit their information into our database so that they can
										  be searchable as well. I was thinking about when they want more 
										  information to display from the results we could have a box pop out 
										  asking them to submit their information into our database. The message 
										  could say something like for example "before you can proceed your search
										   process please submit your info into our database so that other potential
										    friends could search for you"
									</dd>
									</dl>
								</div>
							</div>
							
							<div class="college_boy_footbg"></div>
				</div>
				
			</div>
			
		</div>
		
		<div id="footer">
			
		</div>
		
	</body>
</html>
